Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.10.2011, 23:02
Аватар для Karandasheg
Интересующийся
Отправить личное сообщение для Karandasheg Посмотреть профиль Найти все сообщения от Karandasheg
 
Регистрация: 19.10.2011
Сообщений: 16

Загрузка контента в зависимости от переменных в URL
Доброго времени суток всем форумчанам. Ситуация такова: есть инет магазин, у которого на странице оформления заказа должны быть разные формы для заполнения - по выбору, для юр. лиц и для физ. лиц. Сайт стоит на ЦМС MODx. Написал сниппет и ему через URL передаю данные типа zakaz.html?forma=ur или zakaz.html?forma=fiz. Происходит это соответственно с перезагрузкой страницы. Как сделать так, что бы при нажатии кнопок выбора формы менялись динамически, без перезагрузки страницы? Заранее спасибо за ответы!
Ответить с цитированием
  #2 (permalink)  
Старый 20.10.2011, 00:27
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Чиста от делать нечего =))) ловите:

<style>
#ur{
  display: none;
}
</style>

<form>
  <!-- Если это файл php, вместо checked="checked" вставляем:
       <?php if(!isset($_GET['forma']) or $_GET['forma']=='fiz'):?>checked="checked"<?endif;?> -->
  <input type="radio" name="form_type" value="f" checked="checked"/> Физик

  <!-- Здесь по аналогии: <?php if($_GET['forma']=='ur'):?>checked="checked"<?endif;?> -->
  <input type="radio" name="form_type" value="u"/> Юрик<hr />

  <div id="fiz">
    <h1>Форма для физика</h1>
    физик поле 1 <input type="text" name="fiz_1" /><br />
    физик поле 2 <input type="text" name="fiz_2" />
  </div>

  <div id="ur">
    <h1>Форма для юрика</h1>
    юрик поле 1 <input type="text" name="ur_1" /><br />
    юрик поле 2 <input type="text" name="ur_2" /><br />
    юрик поле 3 <input type="text" name="ur_4" />
  </div>
  </div>

<br />
<input type="button" name="but" value="Отправить" />
</form>

<script type="text/javascript">
var radio = document.getElementsByName('form_type'),
    fiz   = document.getElementById('fiz'),
    ur    = document.getElementById('ur');
for (var i=0; i<2; i++) {
  radio[i].onclick = function() {
    this.value=='f' ? (fiz.style.display = 'block', ur.style.display = 'none') : (ur.style.display = 'block', fiz.style.display = 'none');
  }
}
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 20.10.2011, 00:39
Аватар для Karandasheg
Интересующийся
Отправить личное сообщение для Karandasheg Посмотреть профиль Найти все сообщения от Karandasheg
 
Регистрация: 19.10.2011
Сообщений: 16

Большое спасибо, буду пробовать! )))

Последний раз редактировалось Karandasheg, 20.10.2011 в 02:53.
Ответить с цитированием
  #4 (permalink)  
Старый 20.10.2011, 02:53
Аватар для Karandasheg
Интересующийся
Отправить личное сообщение для Karandasheg Посмотреть профиль Найти все сообщения от Karandasheg
 
Регистрация: 19.10.2011
Сообщений: 16

UPD: к сожалению, ваш пример наоборот делает. Мне надо что бы ЦМСке отправлял URL с параметром, тогда она ему вернет обработанную форму для того или иного человека. ДЕЛО в том что ЦМС не обрабатыает формы, которые не прошли через нее. Защита от иньекций ((
Ответить с цитированием
  #5 (permalink)  
Старый 20.10.2011, 03:59
fiw fiw вне форума
Аспирант
Отправить личное сообщение для fiw Посмотреть профиль Найти все сообщения от fiw
 
Регистрация: 18.08.2011
Сообщений: 23

Тут только с аякс запросом тогда.
это будет как раз без перезагрузки работать.
Ответить с цитированием
  #6 (permalink)  
Старый 20.10.2011, 04:41
Аватар для Karandasheg
Интересующийся
Отправить личное сообщение для Karandasheg Посмотреть профиль Найти все сообщения от Karandasheg
 
Регистрация: 19.10.2011
Сообщений: 16

Проблема данного метода в том, что данные отправляются из обоих форм. С какой то они уходят заполенные, а с какой то пустые. А в идеале нужно что бы подгружалась только одна форма
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS загрузка контента MCTrane Общие вопросы Javascript 11 27.09.2011 00:35
Изменение изображения на кнопке в зависимости от текущего url Loiso Элементы интерфейса 4 23.08.2011 09:23
Водяной знак на fancybox bobrina Общие вопросы Javascript 1 03.06.2011 21:11
Загрузка контента без перезагрузки страницы vah-smile AJAX и COMET 3 30.03.2011 16:37
AJAX загрузка из URL с параметрами Hubet jQuery 2 25.06.2010 07:26